<template>
  <div class="audition184">
    <h3><strong>什么是跨域</strong></h3>
    <p>协议、域名、端口，三者有一个不一样，就会出现跨域</p>
    <h3><strong>处理跨域</strong></h3>
    <p>方法一：jsonp</p>
    <p>原理是浏览器允许src加载不同源的静态资源</p>
    <code class="code">
      // 创建script标签<br />
      var script = document.createElement('script')<br />
      // 指定src<br />
      script.src = 'http://www.demo2.com:8080/login?user=admin&callback=onBack'<br />
      // 把script标签添加到页面<br />
      document.body.appendChild(script)<br />
      // 定义回调函数<br />
      function cb(data) {<br />
        <span class="indient">console.log(data)</span><br />
      }
    </code>
    <p>这种方法需要前后端配合，且只支持get请求</p>
    <p>方法二：postMessage跨域传递数据</p>
    <p>方法三：跨域资源共享（CORS）</p>
    <p>后端配置即可</p>
    <p>方法四：Nodejs中间件代理跨域</p>
    <p>开启一个代理服务器，实现数据转发</p>
    <p>方法五：WebSocket协议跨域</p>
    <p>方法六：nginx代理跨域</p>
  </div>
</template>

<script>
export default {
  name: 'Audition184'
}
</script>

<style>

</style>